<template>
  <div style="display:flex">
    <div class="order">
      <order-chars></order-chars>
    </div>
    <div class="home">
        <homeChars></homeChars>
    </div>
  </div> 
</template>

<script>
import orderChars from "./components/orderChars.vue";
import homeChars from './components/HomeChars.vue'
export default {
  components: { orderChars,homeChars },
};
</script>

<style lang="less" scoped>
.order {
  width: 500px;
  height: 500px;
  border: 1px solid red;
}
.home {
  width: 500px;
  height: 500px;
  border: 1px solid red;
}
</style>